﻿<UserControl x:Class="EmperialApps.WeatherSpark.Service.TileImage"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             Height="173"
             Width="173"
             FontFamily="./Internal/#Segoe WP">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="12" />
            <RowDefinition Height="40" />
            <RowDefinition Height="12" />
            <RowDefinition x:Name="GraphRow"
                           Height="71" />
            <RowDefinition Height="12" />
            <RowDefinition Height="14" />
            <RowDefinition Height="12" />
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="12" />
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="Auto" />
            <ColumnDefinition Width="12" />
        </Grid.ColumnDefinitions>

        <TextBlock x:Name="CurrentTemperatureLabel"
                   Grid.Column="1"
                   Grid.Row="1"
                   Margin="0,-12"
                   FontSize="44"
                   Foreground="Black"
                   Text="134°C" />

        <TextBlock x:Name="HighTemperatureLabel"
                   Grid.Column="2"
                   Grid.Row="1"
                   Margin="0,-1,0,0"
                   FontSize="18"
                   Foreground="White"
                   HorizontalAlignment="Right"
                   Text="134°"
                   VerticalAlignment="Top" />

        <TextBlock x:Name="LowTemperatureLabel"
                   Grid.Column="2"
                   Grid.Row="1"
                   Margin="0,0,0,-1"
                   FontSize="18"
                   Foreground="White"
                   HorizontalAlignment="Right"
                   Text="-80°"
                   VerticalAlignment="Bottom" />

        <Grid Grid.ColumnSpan="4"
              Grid.Row="3"
              VerticalAlignment="Center">
            <Rectangle x:Name="NightBackground"
                       Fill="#80333333">
                <Rectangle.Clip>
                    <PathGeometry />
                </Rectangle.Clip>
            </Rectangle>

            <Line x:Name="MidnightLine"
                  Stroke="#80000000" />

            <Polyline x:Name="TemperatureTrace"
                      Stretch="None"
                      Stroke="White"
                      StrokeEndLineCap="Square"
                      StrokeStartLineCap="Square"
                      StrokeThickness="2" />

            <Ellipse x:Name="CurrentTimeMarker"
                     Height="6"
                     Margin="-3"
                     Width="6"
                     Fill="Black"
                     HorizontalAlignment="Left"
                     VerticalAlignment="Top">
                <Ellipse.RenderTransform>
                    <TranslateTransform />
                </Ellipse.RenderTransform>
            </Ellipse>
        </Grid>

        <!--
        <TextBlock x:Name="TileTitle"
                   Grid.Column="1"
                   Grid.ColumnSpan="2"
                   Grid.Row="5"
                   Margin="0,-6"
                   FontSize="18"
                   Foreground="White">
            Austin, TX
        </TextBlock>

        <Grid.Background>
            <SolidColorBrush Color="Green" />
        </Grid.Background>
        -->
    </Grid>
</UserControl>
